<template>
  <div class="title-container">
    <div class="title-left">
      <slot></slot>
    </div>
    <div class="title-right">
      <slot name="right"></slot>
    </div>
  </div>
</template>
<script>
export default {

}
</script>
<style lang="less" scoped>
@import '~@/style/variables.less';
.title-container {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 16px;
  flex-shrink: 0;
  .title-left {
    line-height: 1em;
    font-size: 16px;
    font-family: PingFangSC-Medium;
    color: @--color-text-primary;
    font-weight: 500;
  }
}
</style>
